{% extends "guide.html" %}
{% block body %}
    <!-- ***** Home Parallax Start ***** -->
    <section class="mini" id="work-process">
        <div class="mini-content">
            <div class="container" >
                <div class="row">
                    <div class="offset-lg-3 col-lg-6">
                        <div class="info">
                            <h1></h1>
                            <p>想要了解哪个数据故事呢？</p>
                        </div>
                    </div>
                </div>

    <!-- ***** Features Small Start ***** -->


                    <div class="col-lg-12">
                        <div class="row">
                            <!-- ***** Features Small Item Start ***** -->
                            <div class="col-lg-4 col-md-6 col-sm-6 col-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.2s" style="margin: 0 auto">
                                <a href={{ url_for('do_story_1') }}>
                                <div class="features-small-item">
                                    <div class="icon">
                                        <i><img src="../static/images/featured-item-01.png" alt="" ></i>
                                    </div>
                                    <h5 class="features-title">故事一：就业情况</h5>
                                    <p>就业是民生之本，对每个人的发展和实现其人生意义有着重要的作用</p>
                                </div>
                                </a>
                            </div>

                            <!-- ***** Features Small Item End ***** -->

                            <!-- ***** Features Small Item Start ***** -->
                            <div class="col-lg-4 col-md-6 col-sm-6 col-12" data-scroll-reveal="enter bottom move 50px over 0.6s after 0.4s" style="margin: 0 auto">
                                <a href={{ url_for('do_story_2') }}>
                                <div class="features-small-item">
                                    <div class="icon">
                                        <i><img src="../static/images/featured-item-01.png" alt=""></i>
                                    </div>
                                    <h5 class="features-title">故事二：旅游业发展</h5>
                                    <p>作为人口大国，旅游业的发展不容忽视，旅游业同时也反映着我国的经济发展水平</p>
                                </div>
                                </a>
                            </div>
                            <!-- ***** Features Small Item End ***** -->

                            <!-- ***** Features Small End ***** -->
                        </div>
                    </div>

            </div>
        </div>
    </section>
    <!-- ***** Home Parallax End ***** -->
{% endblock %}